<template>
  <div class="app-container">
    <!-- 查询 -->
    <div class="filter-container">
      <el-row :gutter="0">
        <el-col :xs="24" :sm="24">
          <el-button class="filter-item" @click="refresh()">刷新</el-button>
        </el-col>
      </el-row>
    </div>
    <el-table v-loading="loading" :data="datas" :height="height" style="width: 100%" border>
      <el-table-column prop="banji" label="班级" min-width="50" />
      <el-table-column prop="xueke" label="学科" min-width="50" />
      <el-table-column prop="teacher" label="教师" min-width="50" />
      <el-table-column prop="banjiRenshu" label="班级人数" min-width="50" />
      <el-table-column prop="yipingRenshu" label="已评人数" min-width="50" />
      <el-table-column prop="weiPingRenshu" label="未评人数" min-width="50" />
      <el-table-column prop="weiPingMingdan" label="未评名单" min-width="300" />
    </el-table>
  </div>
</template>

<script>
import screenHeight from '@/utils/screen-height'
import Pagination from '@/components/Pagination'
import { listPingjiaoState } from '@/api/pingjiao_content'

export default {
  name: 'PingjiaoState',
  props:['pingjiao_id'],
  data() {
    return {
      loading: false,
      value:'',
      datas: [],
    }
  },
  created() {
    this.height = screenHeight()
    this.listPingjiaoState()
  },
  methods: {
    // 刷新
    refresh() {
      this.listPingjiaoState()
    },
    // 列表
    listPingjiaoState() {
      this.loading = true
      listPingjiaoState({pingjiao_id:this.pingjiao_id}).then(res => {
        this.datas = res.data
        console.log(this.datas)
        this.loading = false
      }).catch(() => {
        this.loading = false
      })
    }
  }
}
</script>

<style scoped>
.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
</style>
